<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>门店详情</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <link rel="stylesheet" href="/Public/Wap/hpf/css/Hpfstyle.css?r={:mt_rand(10,99)}" />
        <link rel="stylesheet" href="/Public/Wap/hpf/css/banner.css" />
        <script type="text/javascript" src="/Public/Wap/hpf/css/iscroll2.js"></script>
        <script type="text/javascript" src="/Public/Wap/hpf/css/jQuery.js"></script>

        <link rel="stylesheet" href="/Public/Wap/hpf/js/flexslider.css?r={:mt_rand(10,99)}" />
        <script type="text/javascript" src="/Public/Wap/hpf/js/jquery.flexslider.js"></script>
        <script type="text/javascript">
            function collect(tid) {
                $.get("{:U('Designer/collect')}", {tid: tid, type: 1}, function (r) {
                    alert(r.info);
                    if (r.status) {
                        window.location.reload();
                    }
                });
            }

$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
        </script>
        <style>
            .shopinfo .scroll_pic_nav{background-color:transparent;}


        </style>
    </head>
    <body style="background-color: #ededed;">
        <div class="shopinfo">
            <div class="box">




<div class="flexslider">
  <ul class="slides">

    <volist name="info.pic" id="vo">
        <notempty name='vo'> 
            <li>
                <img src="{$vo|get_cover='path'}" alt="">
            </li>
        </notempty>
    </volist>

  </ul>
</div><!-- /flexslider -->

                <div class="desc">
                    <table>
                        <tr>
                            <td class="td1" valign="top">门店名称：</td>
                            <td>{$info.sname}</td>
                        </tr>
                        <tr>
                            <td class="td1" valign="top">地　　址：</td>
                            <td>{$info.address}</td>
                        </tr>
                        <tr>
                            <td class="td1" valign="top">联系方式：</td>
                            <td>{$info.phone}</td>
                        </tr>
                        <tr>
                            <td class="td1" valign="top">门店介绍：</td>
                            <td>
                                <div class="ocsi store-info" isclick="0" subtext="<?php
                                    $str = '';
                                    if(mb_strlen($info['explain']) < 40)
                                    {
                                        $str = htmlspecialchars($info['explain']);
                                    }else{
                                        $str = mb_substr(htmlspecialchars($info['explain']), 0,40,'utf-8');
                                        $str .= '　&gt;&gt;更多';   
                                    }
                                    echo $str;
                                    ?>" dtext="<?php echo htmlspecialchars($info['explain']);?>">
                                    <?php
                                    $str = '';
                                    if(mb_strlen($info['explain']) < 40)
                                    {
                                        $str = htmlspecialchars($info['explain']);
                                    }else{
                                        $str = mb_substr(htmlspecialchars($info['explain']), 0,40,'utf-8');
                                        $str .= '　&gt;&gt;更多';   
                                    }
                                    echo $str;
                                    ?>
                                </div>

                            </td>
                        </tr>
                    </table>
                </div>
                <div class="xqT3">
                    <ul>
                        <li class="xqT30" style="width: 30%;color:#ff8800;">{$info.hot|default=0}热度</li>
                        <li><a href="tel:{$info.phone}"><label class="siT31"></label><span>电话</span></a></li>
                        <li><a href="http://api.map.baidu.com/marker?location={$info.store_location}&title={$info.store_name|urlencode}&content={$info.store_address|urlencode}&output=html&src=faxiu"><label class="siT32"></label><span>导航</span></a></li>
                        <li><label class="siT33"></label><span>分享</span></li>
                        <li <if condition="$iscollect">class="xqT3bg"</if> id="do_collect" onclick="collect({$info.id});"><label class="siT34"></label><span><if condition="!$iscollect">收藏<else/>已收藏</if></span></li>
                    </ul>
                </div>
            </div> <!-- /box -->
            <div class="xqBot">
                <p><label></label><span>本店设计师</span><label></label></p>
                <ul>
                    <volist name="designer" id="vo">
                        <li>
                            <div>
                                <a href="{:U('Designer/detail',array('id'=>$vo['id']))}"><img src="{$vo.cover|get_cover='path'}" alt=""></a>
                                <label>{$vo.dname}</label>
                                <a href="#">预约</a>
                            </div>
                        </li>
                    </volist>
                </ul>
            </div>
        </div> 










        <div class="fenxiangjt" style="display: none; width:100%; position: fixed;top:0;left:0;">
            <div style="width:100%; background: url(/Public/Wap/hpf/images/75.png) repeat;position: relative;">
                <img src="/Public/Wap/hpf/images/fenxiang.png" alt="">
            </div>
        </div>


        <script>
            $(function () {
                $(document).on("click", ".siT33", function () {
                    var w = $(window).width();
                    var h = $(window).height();
                    $(".fenxiangjt").css("height", h);
                    $(".fenxiangjt div").css("height", h);

                    $(".fenxiangjt img").css("width", "60%").css("position", "absolute").css("top", 0).css("right", "8%");

                    $(".fenxiangjt").show();
                });

                $(document).on("click", ".fenxiangjt", function () {
                    $(this).hide();
                });


                /*$(document).on("click",".ocsi",function(){
                    var isclick = $(this).attr("isclick");
                    if(1==isclick)
                    {
                        $(this).addClass("store-info");
                        $(this).attr("isclick","0");
                    }else{
                        $(this).removeClass("store-info");
                        $(this).attr("isclick","1");
                    }
                });*/

                $(document).on("click",".ocsi",function(){
                    var isclick = $(this).attr("isclick");
                    if(1==isclick)
                    {
                        $(this).addClass("store-info");
                        $(this).attr("isclick","0");
                        $(this).html($(this).attr("subtext"));
                    }else{
                        $(this).removeClass("store-info");
                        $(this).attr("isclick","1");
                        $(this).html($(this).attr("dtext"));
                    }
                });


            });
        </script>


    </body>
</html>